<script setup lang="ts"></script>

<template>
  <div class="main">
    <table>
         <thead>
                <tr>
                    <th>班级</th>
                    <th>姓名</th>
                    <th>原因</th>
                    <th>人数</th>
                </tr>
            </thead>
        <tbody>
           
            <tr>
                <td>21编程班</td>
                <td>张三</td>
                <td>生病</td>
                <td>1</td>
            </tr>
            <tr>
                <td>21编程班</td>
                <td>李四</td>
                <td>生病</td>
                <td>2</td>
            </tr>
            <tr>
                <td>21编程班</td>
               <td>王五</td>
                <td>生病</td>
                <td>3</td>
            </tr>
            <tr>
                <td>21编程班</td>
                <td>J</td>
                <td>生病</td>
                <td>4</td>
            </tr>
            <tr>
                <td>21编程班</td>
                <td>PNLT</td>
                <td>对游戏上瘾</td>
                <td>5</td>
            </tr>
            <tr>
                <td>21编程班</td>
                <td>JGTYZML</td>
                <td>重色亲友</td>
                <td>6</td>
            </tr>
        </tbody>
    </table>
  </div>
</template>

<style scoped>
.main{
  background-image:url(../images/kuang.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  /* 滚轮 */
  /* overflow-y: scroll; */
}
table{
    width: 80%;
    margin: 10vh 3vw;
    overflow-y: auto;
}
table,
th,
td{
    border: 1px solid #70e0ff;
    border-collapse: collapse;
    color: #ffffff;
}
</style>